<template>
  <div class="paginate">
    <el-config-provider :locale="zhCn">
      <el-pagination
        default
        background
        layout="total, sizes, prev, pager, next, jumper"
        :total="1000"
        @size-change="handleSizeChange"
      />
    </el-config-provider>
  </div>
</template>

<script lang="ts" setup>
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
const handleSizeChange = (val) => {
  // if (currentPage * val > total) {
  //   currentPage = 1;
  // }
};
</script>

<style scoped>
.paginate {
  display: flex;
  flex-direction: row-reverse;
  padding: 20px;
  background-color: #fff;
}
</style>
